<template>
	<div class="top">
		<div class="nav">
			<div class="header">
				<div class="header_left">
					<img src="http://www.xiaomanjf.com/static/images/lclogo.png" alt="" />
				</div>
				<ul class="header_right">
					<li class="active" >
						<router-link to="/"><p>首页</p></router-link>
					</li>
					<li >
						<router-link to="anquan"><p>安全保障</p></router-link>
					</li>
					<li>
						<router-link to="jiaruwomen"><p>加入我们</p></router-link>
					</li>
					<li>
						<router-link to="lianxi"><p>联系我们</p></router-link>
					</li>
				</ul>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		name: 'top',
		data() {
			return {
				
			}
		},
		methods:{
			
		}
	}
</script>

<style scoped>
	li {
		list-style: none;
	}
	
	a {
		-webkit-tap-highlight-color: transparent;
	}
	
	a:focus {
		outline: 0;
	}
	
	a:link,
	a:visited {
		color: #333;
		text-decoration: none;
	}
	
	a img {
		border: none;
	}
	.nav{
		width: 100%;
		background: #000;
	}
	.header {
		margin: 0 auto;
		width: 1000px;
		height: 99px;
		background: #fff;
		border-bottom: 1px solid orange;
	}
	
	.header_left {
		float: left;
		height: 99px;
	}
	
	.header_right {
		float: right;
		line-height: 99px;
	}
	.header_right li{
		float: left;
		cursor: pointer;
	    padding: 0 25px;
	    height: 99px;
	}
	.active{
		background: palegreen;
	}
	.header_right li:hover{
		background: palegreen;
	}
	
	.header_right li .on{
		background:palegreen;
	}
	
	/*.router-link-active p {
 	 	color: red;
	}*/
</style>